@mixin displayCenter() {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin marginCenter($direction) {
  // horizon
  // vertical
  @if $direction == 'horizon' {
    margin-left: auto;
    margin-right: auto;
  } @else if $direction == 'vertical' {
    margin-top: auto;
    margin-bottom: auto;
  } @else {
    margin: auto;
  }
}

@mixin boxWidth() {
  max-width: 1200px;
  width: 100%;
  @include marginCenter($direction: 'horizon');
}
